<template>
  <div class="main">
    <commonLogin v-if="one"></commonLogin>
    <wechatLogin v-else-if="two"></wechatLogin>
    <msgLogin v-else></msgLogin>
    
  </div>
</template>
<script>
  import commonLogin from "./commonLogin.vue"
  import msgLogin from "./msgLogin.vue"
  import wechatLogin from "./wechatLogin.vue"
  export default{
    components:{
      commonLogin,
      msgLogin,
      wechatLogin
    },
    data(){
      return{
        one:true,
        two:false,
      }
    }
  }


</script>
<style lang="less" scoped>
  .main{
     position:fixed;
        right:50px;
        top:200px;
        
        box-sizing: border-box;
        border:1px solid white !important;
        background-color: rgba(0, 0, 0,0.5);
  }


</style>